import React from 'react';

export const Card = ({ children, className = '', ...props }) => {
  const baseStyles = 'bg-white dark:bg-gray-800 rounded-lg shadow-sm overflow-hidden border border-gray-200 dark:border-gray-700';
  const combinedClasses = `${baseStyles} ${className}`;
  
  return (
    <div className={combinedClasses} {...props}>
      {children}
    </div>
  );
};
